@import "header.css";
@import "footer.css";
.box {
  position: relative;
}
.box .main {
  width: 1200px;
  margin: 18px auto;
  background: url("../img/zhongxin_detail_background.png") no-repeat;
  background-size: 1200px 410px;
  border: 1px solid #E5E8E9;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(186, 189, 192, 0.63);
          box-shadow: 0px 0px 16px 0px rgba(186, 189, 192, 0.63);
  border-radius: 4px;
  padding-right: 24px;
  padding-left: 24px;
  padding-bottom: 51px;
}
.box .main_1 {
  margin-top: 34px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.box .main_1-l ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
.box .main_1-l ul li {
  margin-right: 14px;
  height: 30px;
  background: #0FA8C5;
  border: 1px solid #FFFFFF;
  border-radius: 15px;
  padding-left: 26px;
  padding-right: 26px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
}
.box .main_1-r {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 6px;
}
.box .main_1-r .time {
  padding-left: 16px;
  padding-right: 16px;
  height: 22px;
  border: 1px solid #0364BB;
  border-radius: 4px;
  line-height: 22px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #0364BB;
}
.box .main_2 h3 {
  margin-top: 24px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #181A1C;
  margin-bottom: 0;
}
.box .main_2 .main_2-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.box .main_2 .main_2-group-l,
.box .main_2 .main_2-group-r {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.box .main_2 .main_2-group-l .main_2-lab,
.box .main_2 .main_2-group-r .main_2-lab {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1F2326;
  line-height: 1;
}
.box .main_2 .main_2-group-l .main_2-val,
.box .main_2 .main_2-group-r .main_2-val {
  margin-left: 6px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #4B4B4B;
  line-height: 1;
}
.box .main .line {
  margin-top: 24px;
  height: 1px;
  background: #A9CFF0;
}
.box .main_3 {
  margin-top: 13px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: #2E3134;
  line-height: 30px;
}
.box .main_3 span {
  font-weight: bold;
}
.box .main_4 {
  margin-top: 27px;
}
.box .main_4 ul li {
  float: left;
  margin-right: 165px;
}
.box .main_4 ul li:last-child {
  margin-right: 0;
}
.box .main_4 ul li:last-child .step:after {
  display: none !important;
}
.box .main_4 ul li dl {
  margin-bottom: 0 !important;
}
.box .main_4 ul li dl dt .btn {
  width: 98px;
  height: 36px;
  background: #0364BB;
  border-radius: 4px;
  font-size: 16px;
  font-family: PingFang;
  font-weight: 500;
  color: #FFFFFF;
}
.box .main_4 ul li dl dd h6 {
  margin-bottom: 0 !important;
  text-align: center;
  margin-top: 12px;
  font-size: 16px;
  font-family: PingFang;
  font-weight: 500;
  color: #909192;
}
.box .main_4 ul li dl dd .step {
  margin-top: 13px;
  position: relative;
  height: 18px;
  cursor: pointer;
}
.box .main_4 ul li dl dd .step:before {
  content: '';
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  background: #D2D2D2;
  -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
.box .main_4 ul li dl dd .step:after {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  background: #D2D2D2;
  border-radius: 1px;
  width: 260px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 50px;
}
.box .main_4 ul li.active dl dd h6 {
  font-weight: 500;
  color: #313131;
  position: relative;
}
.box .main_4 ul li.active dl dd h6:before {
  content: '';
  display: inline-block;
  background: url("../img/zhongxin_detail_blue_arraw.png") no-repeat;
  background-size: cover;
  width: 40px;
  height: 12px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 157px;
}
.box .main_4 ul li.active dl dd .step:before {
  background: #3EB049;
}
.box .main_4 ul li.active dl dd .step:after {
  background: #3EB049;
}
.box .main_4 ul li.current dl dd h6 {
  font-weight: 500;
  color: #313131;
  position: relative;
}
.box .main_4 ul li.current dl dd h6:after {
  content: '';
  display: inline-block;
  background: url("../img/zhongxin_detail_sanjiao.png") no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 66px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.box .main_4 ul li.current dl dd .step:before {
  content: '';
  display: block;
  position: absolute;
  width: 37px;
  height: 37px;
  background: url("../img/zhongxin_detail_step_active.png") no-repeat;
  background-size: cover;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.box .main_5 {
  background: #E8EAED;
  margin-top: 24px;
}
.box .main_5-head {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.box .main_5-head .content {
  margin: 0 auto;
  margin-top: 20px;
}
.box .main_5-head .h1 {
  font-size: 18px;
  font-family: PingFang;
  font-weight: bold;
  font-style: italic;
  color: #0364BB;
}
.box .main_5-head .h2 {
  margin-left: 19px;
  height: 14px;
  font-size: 14px;
  font-family: PingFang;
  font-weight: 500;
  font-style: italic;
  color: #74767A;
}
.box .main_5-body {
  margin-top: 16px;
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 32px;
}
.box .main_5-body .table {
  background: #fff;
  margin-bottom: 0;
}
.box .main_5-body .table thead tr th {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #2C2E30;
  text-align: center;
}
.box .main_5-body .table tbody tr td {
  text-align: center;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #777D85;
  word-break: break-all;
  text-align: left;
}
